<template>
	<view class="content">
        <view class="index">
        	<view class="logo">
        		<view class="imgBox">
        			<image src="../../static/img/logo2.png" mode=""></image>
        		</view>
        	</view>
			<view class="ul">
				<view class="box">
					<view class="inp">
						<input type="text" value="" placeholder="点击搜索产品" />
					</view>
					<view class="btn">
						<image src="../../static/img/sou.png" mode=""></image>
					</view>
				</view>
			</view>
        </view>
			

	</view>
</template>

<script>
	import "../../static/css/main.css"
	export default {
		data() {
			return {
				title: 'Hello'
			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style  lang="less" >
	.content {
		text-align: center;
		height: 400upx;
	}
    .index{
		.logo{clear: both; width: 100%; height: 340rpx; position: relative; padding-top:250rpx;
			.imgBox{width: 360rpx; height: 110rpx; margin: -90rpx 0 0 -180rpx; position:absolute; left:50%;
				image{width: 100%; height: 100%;}
			}
		}
		.ul{clear: both; width:100% ; padding: 20rpx 50rpx; 
			.box{width: 100%; height: 100rpx; border-radius: 30rpx; border:1px solid #ccc;
				.inp{float: left; width: calc(100% - 110rpx); height: 100%; padding: 10rpx; line-height: 98rpx; font-size: 56rpx; color:#333;
					text-align: left;
					uni-input{height: 100%;}
					input{line-height: 78rpx; font-size: 38rpx; height: 100%;}
				}
				.btn{float: right; width: 110rpx; height: 100%; padding:20rpx;
					image{width: 100%; height: 100%;}
				}
			}
		}
	}
</style>
